<template>
	<div class="main">
		<div class="downloadapp">
			<div class="box" style="height: 667px;">
				<img class="img1" src="../assets/hyimg/h5_download_bg_top.png" alt="">
				<div class="btn-box">
					<img src="../assets/hyimg/h5_btn_download_open02.png" alt="">
					<img src="../assets/hyimg/h5_btn_download01.png" alt="">
				</div>
				<img class="img2" src="../assets/hyimg/h5_btn_download_text.png" alt="">
			</div>
		</div>
	</div>
</template>

<script>
</script>

<style scoped>
	.downloadapp{
		height: 100%;
		width: 100%;
		margin: 0;
		padding: 0;
		background-color: #e61723;
		display: block;
		overflow: hidden;
	}
	.box .img1{
		width: 100%;
	}
	.btn-box{
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: space-around;
	    width: 80%;
	    box-sizing: border-box;
	    position: fixed;
	    margin-left: 10vw;
	    margin-right: 10vw;
	    bottom: 30vw;
		overflow: hidden;
	}
	.btn-box img{
		width: 35vw;
		height: 12vw;
	} 
	.box .img2{
		display: block;
		position: fixed;
		width: 40vw;
		height: 5vw;
		bottom: 18vw;
		margin-left: 30vw;
		margin-right: 30vw;
		margin-top: 50px;
	}
</style>
